<template>
  <el-menu class="el-menu-demo" mode="horizontal">
    <el-menu-item index="1"><img src="../../../assets/icon/交通出行.png" alt=""> 光谷智慧交通</el-menu-item>
    <road-condition></road-condition>

    <video-popup></video-popup>
    <event-add></event-add>
    <event-search></event-search>
    <event-update></event-update>
    <announce></announce>
    <view-notice></view-notice>
    <road-message></road-message>
    <tool-bar></tool-bar>
    <event-pop></event-pop>
    <traffic-user></traffic-user>
  </el-menu>
</template>

<script setup>
import Announce from "./Announce.vue"
import RoadMessage from "../../../components/Header/RoadMessage.vue"
import VideoPopup from "../../../components/Header/VideoPopup.vue"
import EventAdd from "../../../components/Header/EventAdd.vue"
import EventSearch from "../../../components/Header/EventSearch.vue"
import EventUpdate from "../../../components/Header/EventUpdate.vue"
import ToolBar from "../../../components/Header/ToolBar.vue"
import EventPop from "../../../components/Header/EventPop.vue"
import RoadCondition from "../../../components/Header/RoadCondition.vue"
import TrafficUser from "./TrafficUser.vue"
import ViewNotice from "../../../components/Header/ViewNotice.vue"
</script>

<style scoped>
.el-menu-demo {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
}
img {
  width: 20px;
  margin-right: 5px;
}
</style>
